<%@ page language="java" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<base href="<%=basePath%>">

	<title>Precios de Vuelos</title>
	
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	
	<script>
           function radioButton(radio) {
	           var id = radio.name.substring(radio.name.lastIndexOf(':'));
	           var el = radio.form.elements;
	           for (var i = 0; i < el.length; i++) {
	               if (el[i].name.substring(el[i].name.lastIndexOf(':')) == id) {
	                   el[i].checked = false;
	               }
           }
           radio.checked = true;
       }
   	</script>

</head>
  
<body>
	<f:view>
	<h:form id="administrarPrecioDeVueloForm">
		<h:commandLink action="terminarAdmin" value="Terminar" immediate="true"/>
		<hr>
		
		<h1>Administrar Precios de Vuelos</h1>				
		<h:message for="administrarPrecioDeVueloForm" errorClass="error"></h:message>
		
		<h:dataTable id="vuelos" border="1" var="vuelo"
					value="#{administrarPrecioDeVuelo.vuelos}" binding="#{administrarPrecioDeVuelo.dataTable}">
			<h:column>
				<h:selectOneRadio onclick="radioButton(this);"
	                               valueChangeListener="#{administrarPrecioDeVuelo.vueloSeleccionado}">
                	<f:selectItem itemValue="null" />
               	</h:selectOneRadio>
			</h:column>
			<h:column>
				<f:facet name="header">
					<h:outputText value="Nombre"></h:outputText>
				</f:facet>
				<h:outputText id="nroVuelo" value="#{vuelo.numeroVuelo}"></h:outputText>
			</h:column>
			<h:column>
				<h:outputText id="categoria" value="#{vuelo.categoria}"></h:outputText>
				<f:facet name="header">
					<h:outputText value="Categoria"></h:outputText>
				</f:facet>
			</h:column>			
		</h:dataTable>
		<br>
		<h:panelGrid columns="2">
			<h:outputLabel for="clases" value="Clase"/>
			<h:selectOneMenu value="#{administrarPrecioDeVuelo.claseSeleccionada}">
				<f:selectItems value="#{administrarPrecioDeVuelo.clasesDisponibles}" />
			</h:selectOneMenu>
		</h:panelGrid>
		<br>
		<h:commandButton action="#{administrarPrecioDeVuelo.mostrarPreciosDeVuelo}" value="Mostrar precios" />		
	</h:form>
	</f:view>
</body>
</html>